<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/common/jquery/jquery.js}"></script>
    <link th:href="@{/common/layui-new/layui/css/layui.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/common/layui/admin.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/common/echarts.js}"></script>
    <script th:src="@{/common/layui-new/layui/layui.js}"></script>
    <style>
        /*ul {*/
        /*    overflow-x: scroll;*/
        /*    overflow-y: hidden;*/
        /*    white-space:nowrap;  !* ul中的内容不换行 *!*/
        /*}*/
        /*ul li {*/
        /*    display: inline-block;*/
        /*}*/
    </style>
</head>
<body>
    <div class="layui-fluid" >
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">模块概览</div>
                <div class="layui-card-body" style="height: 400px">
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div id="main" style="width: 300px;height:200px;"></div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div id="main1" style="width: 300px;height:200px;"></div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div id="main2" style="width: 300px;height:200px;"></div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div id="main3" style="width: 300px;height:200px;"></div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div id="main4" style="width: 300px;height:200px;"></div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm4">
                        <div id="main5" style="width: 300px;height:200px;"></div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">
                    归类规则：field(共5项）
                    <a class="layui-a-tips">覆盖率：70%</a>
                </div>
                <div class="layui-card-body">
                    <div class="layui-carousel" id="test1">
                        <div carousel-item>
                            <div title="当前第1项" style="cursor:pointer;" onclick="clickup()">
                                <ul class="layui-row layuiadmin-card-team">
                                    <li class="layui-col-xs4">
                                        <div>
                                            <a>
                                                <span>MMapDirectory.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>boolean UMAP_SUPPORTED</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>boolean useUnmapHack</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>void setUseUnmap(boolean)</span>
                                            </a>
                                        </div>

                                    </li>
                                    <li class="layui-col-xs4">
                                        <div>
                                            <a>
                                                <span>FSDirectory.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>FSDirectory open(File,LockFactory)</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>File getDirectory()</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-col-xs4">
                                        <div>
                                            <a>
                                                <span>Directory.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>void copy(Directory,String,String)</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>void copy(Directory,String,boolean)</span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="layui-row layuiadmin-card-team">
                                    <li class="layui-col-xs4">
                                        <div>
                                            <a>
                                                <span>SegmentCoreReaders.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>TermInfosReader tis</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>TermInfosReader getTermsReader()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>boolean termsIndexIsLoaded()</span>
                                            </a>
                                        </div>

                                    </li>
                                    <li class="layui-col-xs4">
                                        <div>
                                            <a>
                                                <span>AttributeSource.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>Class getClassForInterface(Class)</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>LinkedList getAttributeInterfaces()</span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div>条目3</div>
                            <div>条目4</div>
                            <div>条目5</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">归类规则：function(共5项）
                    <a class="layui-a-tips">覆盖率：50%</a></div>
                <div class="layui-card-body">
                    <div class="layui-carousel" id="test2">
                        <div carousel-item>
                            <div>
                                <ul class="layui-row layuiadmin-card-team">
                                    <li class="layui-col-xs3">
                                        <div>
                                            <a>
                                                <span>IndexReader.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>void ensureOpen()</span>
                                            </a>
                                        </div>

                                    </li>
                                    <li class="layui-col-xs3">
                                        <div>
                                            <a>
                                                <span>DirectoryReader.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>void readVlong()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>void readVInt()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>Object clone()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>byte[] getBinaryValue(byte[])</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <div>
                                            <a>
                                                <span>FieldsReader.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>void readVlong()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>void readVInt()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>Object clone()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>byte[] getBinaryValue(byte[])</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <div>
                                            <a>
                                                <span>PrarallelReader.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>boolean isOptimized()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>boolean isCurrent()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>TermEnum terms(Term)</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>byte[] getBinaryValue(byte[])</span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div>条目2</div>
                            <div>条目3</div>
                            <div>条目4</div>
                            <div>条目5</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">归类规则：class(共2项）
                    <a class="layui-a-tips">覆盖率：30%</a></div>
                <div class="layui-card-body">
                    <div class="layui-carousel" id="test3">
                        <div carousel-item>
                            <div style="overflow-x: auto">
                                <ul class="layui-row layuiadmin-card-team" >
                                    <li class="layui-col-xs4" >
                                        <div>
                                            <a>
                                                <span>LowerCaseFilter.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>TermAttribute termAtt</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>CharacterUtils charUtils</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>boolean incrementToken()</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>LowerCaseFilter(Version, TokenStream)</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>int codePointAt(char[], int)</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>int codePointAt()</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-col-xs2">
                                        <div>
                                            <a>
                                                <span>ArabicAnalyzer.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>TokenStream tokenStream(String,Reader)</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-col-xs2">
                                        <div>
                                            <a>
                                                <span>BrazilianAnalyzer.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>TokenStream tokenStream(String, Reader)</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-col-xs2">
                                        <div>
                                            <a>
                                                <span>CzechAnalyzer.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>TokenStream tokenStream( String, Reader)</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-col-xs2">
                                        <div>
                                            <a>
                                                <span>GermanAnalyzer.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>TokenStream tokenStream( String, Reader)</span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div>条目2</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">归类规则：comments(共1项）
                    <a class="layui-a-tips">覆盖率：5%</a></div>
                <div class="layui-card-body">
                    <div class="layui-carousel" id="test4">
                        <div carousel-item>
                            <div>
                                <ul class="layui-row layuiadmin-card-team">
                                    <li class="layui-col-xs4">
                                        <div>
                                            <a>
                                                <span>MMapDirectory.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-tips"></span>
                                                <span>/**
                                                        this channel will remain closed and subsequent access..
                                                    **/
                                                </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-col-xs4">
                                        <div>
                                            <a>
                                                <span>FSDirectory.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-tips"></span>
                                                <span>/**
                                                        NIOFSDirectory is not recommended on Windows because of a bug in how FileChannel.read is implemented in Sun's JRE..
                                                    **/
                                                </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="layui-col-xs4">
                                        <div>
                                            <a>
                                                <span>NIOFSDDirectory.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-tips"></span>
                                                <span>/**
                                                        fileChannel's positional io when reading to avoid
                                                    synchronization when reading from the same file...
                                                    **/
                                                </span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">其他(共5项）
                    <a class="layui-a-tips">覆盖率：20%</a></div>
                <div class="layui-card-body">
                    <div class="layui-carousel" id="test5">
                        <div carousel-item>
                            <div>
                                <ul class="layui-row layuiadmin-card-team">
                                    <li class="layui-col-xs6">
                                        <div>
                                            <a>
                                                <span>BooleanQuery.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate-solid"></span>
                                                <span>int getMaxClauseCount()</span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="layui-row layuiadmin-card-team">
                                    <li class="layui-col-xs6">
                                        <div>
                                            <a>
                                                <span>ExactPhraseScorer.java</span>
                                            </a>
                                        </div>
                                        <div>----------------------------------------------------</div>
                                        <div>
                                            <a>
                                                <span class="layui-icon layui-icon-rate"></span>
                                                <span>int nextDoc()</span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div>条目3</div>
                            <div>条目4</div>
                            <div>条目5</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>

<script type="text/javascript">
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,arrow: 'hover' //始终显示箭头
            ,autoplay:false
            //,anim: 'updown' //切换动画方式
        });
        carousel.render({
            elem: '#test2'
            ,width: '100%' //设置容器宽度
            ,arrow: 'hover' //始终显示箭头
            ,autoplay:false
            //,anim: 'updown' //切换动画方式
        });
        carousel.render({
            elem: '#test3'
            ,width: '100%' //设置容器宽度
            ,arrow: 'hover' //始终显示箭头
            ,autoplay:false
            //,anim: 'updown' //切换动画方式
        });
        carousel.render({
            elem: '#test4'
            ,width: '100%' //设置容器宽度
            ,arrow: 'hover' //始终显示箭头
            ,autoplay:false
            //,anim: 'updown' //切换动画方式
        });
        carousel.render({
            elem: '#test5'
            ,width: '100%' //设置容器宽度
            ,arrow: 'hover' //始终显示箭头
            ,autoplay:false
            //,anim: 'updown' //切换动画方式
        });
    });

    function clickup() {
        setPie("main","整模块查看率",mainchakan+1,mainweichakan-1);
        window.open("showjavalist_expand");
    }
</script>
<script>
    var mainchakan;
    var mainweichakan;
    setPie("main","整模块查看率",80,20);
    setPie("main1","field查看率",33,10);
    setPie("main2","function查看率",4,2);
    setPie("main3","class查看率",13,3);
    setPie("main4","comments查看率",15,4);
    setPie("main5","其他查看率",15,1);


    function setPie(id,name,value1,value2) {
        var chartDom = document.getElementById(id);
        var myChart = echarts.init(chartDom);
        var option;
        option = getoption(name,value1,value2);
        if (id=="main"){
            mainchakan=value1;
            mainweichakan=value2;

        }
        option && myChart.setOption(option);
    }



    function getoption(name,value1,value2) {
        var option;
        option = {
            title: {
                text: name,
                left: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: '{b}  {d}%  '
            },
            series: [
                {
                    label:{
                        normal:{
                            position:'inner',
                            show:false
                        }
                    },
                    type: 'pie',
                    radius: '50%',
                    data: [
                        {value: value1, name: '已查看'},
                        {value: value2, name: '未查看'}
                    ]
                }
            ]
        };
        return option;
    }
</script>
</html>